$(function () {
    $("#petTypeSelect").change(function () {
        //获取选中的select 标签的值
        let value=$("#petTypeSelect").val();
        //继续将这个选中的类型id发送到后台的servlet
        window.location="/lk/pet/indexData?type_id="+value;
    })
});

$(function () {
    //搜索按钮的单击事件
    $("#search_btn").click(function () {
        //1.获取下拉框当前选择的数据
        let value=$("#petTypeSelect").val();
         //2.获取搜索的文本框的数据
        let search=$("#search_input").val();
        //3.发送后台
        window.location="/lk/pet/indexData?type_id="+value+"&name="+search
    })
});

$(function () {
    //1.获取select对象
    let ck=document.getElementById("ck_all");

    //3.获取下面所有的ck
    let cks=document.getElementsByName("ck_content");

    //2.给checkbox添加单击事件
    ck.onclick=function () {
        if(ck.checked){
            for(let i=0;i<cks.length;i++){
                cks[i].checked=true;
            }
        }else{
            for(let i=0;i<cks.length;i++){
                cks[i].checked=false;
            }
        }
    }
});

$(function () {
    document.getElementById("more_del_btn").onclick=function () {
        //1.判断是否有选中
        //1.获取所有选中的ck_content
        let cks=document.getElementsByName("ck_content");
        //定义一个计数器
        let count=0;
        //2.遍历它
        for (let i=0;i<cks.length;i++) {
            if(cks[i].checked){
                count++;
            }
        }
        if(count==0){
            alert("sorry,请你先选中宠物")
            return;
        }

        //确认删除
        let flag=confirm("确定删除吗?");
        if(flag){
            //定义一个字符串来拼接所有选中的id
            let sids="";
            //将所有选中的宠物的id的值发送到后台
            for(let i=0;i<cks.length;i++){
                if(cks[i].checked){
                    sids+=cks[i].value+":";
                }
            }
            //alert(sids.substring(0,sids.length-1))
            window.location="/lk/pet/del?sids="+sids;
        }
    }
});

function ajax_del(obj,id){
    // alert(obj.nodeName);//obj是当前的对象，这里是button
    let tbody=document.getElementById("tb_pet");
    $.ajax({
        type:'post',
        url:'/lk/pet/del_ajax',
        data:'id='+id,
        success:function (data) {
            if(data.code==200){
                //js能力 从tbody中删除当前删除的tr
                let tr=obj.parentElement.parentElement;
                tbody.removeChild(tr);
            }else{
                alert("删除失败");
            }
        }
    })
}

$(function () {
    //1.找出目标tr中的所有img添加一个鼠标移动上去的事件
    let divs=document.getElementsByClassName("pet")[0];
    //let divs=$(".pet").eq(0)
    let imgs=divs.getElementsByTagName("img");

    let body=document.getElementsByTagName("body")[0];

    for(let i=0;i<imgs.length;i++){
        imgs[i].onmouseover=function (event) {
            //处理一下兼容性
            let e=window.event||event;

            //获取当前鼠标所在的坐标
            let left=e.clientX;//鼠标焦点距离文档左边的距离
            let top=e.clientY;//距离上边的距离

            // console.log(left,top);

            //1.创建一个div
            let div=document.createElement("div");
            div.id="imgDiv";
            div.className="outer";

            //创建一个img标签
            let img=document.createElement("img");
            img.src=this.src;
            img.style.width="200px";
            img.style.height="200px";

            div.style.left=(left+18)+"px";
            div.style.top=top+"px";

            div.appendChild(img);
            body.appendChild(div);
        };

        imgs[i].onmouseout=function () {
            let div=document.getElementById("imgDiv");
            body.removeChild(div);
        }
    }
});